﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="share.aspx.cs" Inherits="Mobile_share" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"
        charset="utf-8" />
    <title>分享页面</title>
        <script src="jquery-1.11.2.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="script/common.js"></script>
    <script src="script/wx_share.js"></script>
    <style>
        div{text-align:center}
        .sav { width: 90%; margin-left: 5%; margin-top: 10px; float: left;}  
.sav span.left { width: 48%; float:left;}  
.sav span.right { width: 48%; float:right;}  
  
.btn {   
    width: 100%;  
    height: 36px;  
    line-height: 36px;  
    text-align: center;  
    background: #fe8855;  
    color:#fff;  
    font-size: 18px;  
    /*border-radius:5px; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px;*/  
    }  
.btn a:link, .btn a:visited { color:#fff; text-decoration: none; height: 36px; display: block;}  
  
.btn3 {   
    width: 100%;  
    height: 36px;  
    line-height: 36px;  
    text-align: center;  
    background: #7de1bb;  
    color:#fff;  
    font-size: 18px;  
    /*border-radius:5px; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px;*/  
    }  
.btn3 a:link, .btn3 a:visited { color:#fff; text-decoration: none; height: 36px; display: block;}  
  
.btn_tnk {   
    width: 100%;  
    height: 36px;  
    line-height: 36px;  
    text-align: center;  
    background: #3bca94;  
    color:#fff;  
    font-size: 18px;  
    /*border-radius:5px; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px;*/  
    }  
.btn_tnk a:link, .btn_tnk a:visited { color:#fff; text-decoration: none; height: 36px; display: block;}  
#mcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 20000;
}
#mcover img {
    position: fixed;
    right: 18px;
    top: 5px;
    width: 100%;
 
    z-index: 999;
}
    </style>
</head>
<body>
    <form id="form1" runat="server">
         <div id="jssdkurl" style="display:none"><%=jssdkurl %>></div>
    <div>
        <br />
        <div id="title" runat="server">
            <%=SymbolTitle %>
            <br />
        <br />
        </div>
        
        <div id="desc" runat="server">
            <%=SymbolDesc %>
        </div>
        <br />
        <br />
        <br />

        <div id="share" class="btn3"><a href="javascript:void(0)"  onclick="document.getElementById('mcover').style.display='block';">分享到朋友圈</a></div>
        <div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display: none;">
       <img src="images/share.png" />
            </div>
    <input  type="hidden" id="mem" value="<%=memID %>"/>
    </div>
    </form>
</body>
    
</html>
<script>


    $(function(){  
        pushHistory();  
        var bool=false;  
        setTimeout(function(){  
            bool=true;  
        },100);  
        window.addEventListener("popstate", function(e) {  
            if(bool)  
            {  

                location.href='index.aspx';
            }  
            pushHistory();  
                  
        }, false);  
    });  
    function pushHistory() {  
        var state = {  
            title: "title",  
            url: "#"  
        };  
        window.history.pushState(state, "title", "#");  
    } 
</script>
